﻿<UserControl x:Class="KaKaSongGame.GameCard"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" Height="100" Width="100">
<UserControl.Resources>
        <Storyboard x:Name="clockwiseSB">
            <DoubleAnimation Duration="0:0:0.1" Storyboard.TargetName="rt" Storyboard.TargetProperty="Angle" By="90" FillBehavior="HoldEnd"/>
        </Storyboard>
        <Storyboard x:Name="anticlockwiseSB">
            <DoubleAnimation Duration="0:0:0.1" Storyboard.TargetName="rt" Storyboard.TargetProperty="Angle" By="-90" FillBehavior="HoldEnd"/>
        </Storyboard>
        <Storyboard x:Name="highlightsb" RepeatBehavior="100">
        	<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="border" d:IsOptimized="True"/>
        	<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Border.BorderBrush).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="border">
        		<EasingColorKeyFrame KeyTime="0" Value="#FFADFF2F"/>
        		<EasingColorKeyFrame KeyTime="0:0:0.2" Value="#F12FBE58"/>
        		<EasingColorKeyFrame KeyTime="0:0:0.5" Value="#FF30B556"/>
        		<EasingColorKeyFrame KeyTime="0:0:0.7" Value="#FFADFF2F"/>
        	</ColorAnimationUsingKeyFrames>
        	<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Border.BorderBrush).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="border">
        		<EasingColorKeyFrame KeyTime="0:0:0.2" Value="#FFADFF2F"/>
        		<EasingColorKeyFrame KeyTime="0:0:0.5" Value="#FF30B556"/>
        		<EasingColorKeyFrame KeyTime="0:0:0.7" Value="#FF30B556"/>
        		<EasingColorKeyFrame KeyTime="0:0:0.9" Value="GreenYellow"/>
        	</ColorAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot" Background="GreenYellow" MouseLeftButtonDown="LayoutRoot_MouseLeftButtonDown"
          MouseLeftButtonUp="LayoutRoot_MouseLeftButtonUp">
        <Image Name="img1" RenderTransformOrigin=".5,.5">
            <Image.RenderTransform>
                <RotateTransform Angle="90" x:Name="rt"/>
            </Image.RenderTransform>
        </Image>
		<Border x:Name="border" BorderThickness="2" Opacity="0">
			<Border.BorderBrush>
				<LinearGradientBrush EndPoint="1,1" StartPoint="0,0">
					<GradientStop Color="GreenYellow"/>
					<GradientStop Color="GreenYellow" Offset="1"/>
				</LinearGradientBrush>
			</Border.BorderBrush>
		</Border>
    </Grid>
</UserControl>

